<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<html>

   <head>
   
        <link rel="stylesheet" type="text/css" href="<html:rewrite page='/style.css'/>" id="styleFile"/>
   
        <title>.:Posgrado - Login:.</title>
        <meta http-equiv="Content-Language" content="English" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <script type="text/javascript">
            function setFocus(){
                document.forms[0].j_username.focus();     
            }
            
            function submitHandler() {
                if (document.getElementById("passwordInput").value != "" && document.getElementById("usernameInput").value != "") { 
                    return true;
                }
                else {
                    alert("Debe ingresar usuario y password");
                    setFocus();
                    return false;
                }
            }
            
        </script>
        
    </head>


<body>
        <div id="wrap">
            <%-- Header tile --%>
            <div id="header">
                <h1>Posgrado FIUBA</h1>
                <h2>Sistema de gesti&oacute;n</h2>            
            </div>

            <div class="middle">
            
                <h2>Ingrese usuario y password</h2>
                
                <br>
                
                <!--
                  This is the custom logon page.  You must use the exact action and form field names
                  for a custom logon page.
                -->
                
                <form method="POST" action="j_security_check" onsubmit="return submitHandler();">
                    <span style="color: red;">El password o el usuario ingresado son incorrectos</span>                        
                    <table border="0" cellspacing="5">
                        <tr>
                            <th align="right"><b>Usuario</b></th>
                            <td align="left"><input type="text" name="j_username" id="usernameInput"></td>
                        </tr>
                        <tr>
                            <th align="right"><b>Password</b></th>
                            <td align="left"><input type="password" name="j_password" id="passwordInput"></td>
                        </tr>
                        <tr>
                            <td align="right"><input type="submit" value="Ingresar" class="button"></td>
                            <td align="left"><input type="reset" value="Cancelar" class="button"></td>
                        </tr>
                    </table>
                </form>
            

            </div>
        
            <div class="right">
            
            </div>

            <div id="clear"></div>
    
        </div>

        <div id="footer">
            Desarrollado por Nicolas Gonzalez - Pablo Tortorella - Lautaro Gutierrez - Ariel Piechotka
        </div>
    </body>

</html>